body {
font-family:sans-serif;
}

@font-face {
    font-family: Metamorphous;
    src: url(various-css/fonts/Metamorphous-Regular.ttf);
}
@font-face {
    font-family: Ruslan Display;
    src: url(various-css/fonts/RuslanDisplay.ttf);
}
@font-face {
    font-family: Indie Flower;
    src: url(various-css/fonts/IndieFlower.ttf);
}
@font-face {
    font-family: HomemadeApple;
    src: url(various-css/fonts/HomemadeApple.ttf);
}
@font-face {
    font-family: Schoolbell;
    src: url(various-css/fonts/Schoolbell.ttf);
}
@font-face {
    font-family: Lavi;
    src: url(various-css/fonts/Lavi.ttf);
}

.floatinginventory {
height: 1px;
width: 190px;
position: absolute;
z-index:9000;
top:1px;
left:20px;
}

.floatingfeedback {
height: 120px;
width: 595px;
right: 49px;
position: absolute;
z-index:9000;
overflow: hidden;
pointer-events: none;
}

.gamemap {
	position: relative;
	float: right;
	top: 0;
	right: 0; 
	overflow: visible;
}

.inventoryitem {
	position: relative;
	/*float: left;*/
	top: 0;
	left: 0; 
    width: 127px;
}

.inventory_concepts
{
	position: relative;
	width: 127px;

}

.inventorynotes {
	position: relative;
	/*float: left;*/
	top: 0;
	left: 0; 
}

.inventorypeople {
	position: relative;
	/*float: left;*/
	top: 0;
	left: 0; 
}

.backbuttontheroom {
  width: 183px;
  height: 130px;
position: static;
/*  float: left;*/
	bottom: 50px;
	left: 50px;
  background: url(GameIcons/BIG/backbutton_theroom0.png); 
}

.backbuttonvisible {
  display: none;
}



.gamewindow {

	background-color: #000000;	
}

.topwindow {

	background-color: #404040;	
}


.optionswindow {

	background-color: #16fB2f;	
}


body {

   background: url(GameTextures/backgroundtex.png) #161B2E;
}

.backlink {
position: absolute;
left: 130px;
top: 50px;
}

img {
border: 0px;
}

.logarrowback {
left: 750px;
position: absolute;
top: 520px;
}

.logarrowforward {
left: 770px;
position: absolute;
top: 520px;
}



.logarrowhistory {
left: 790px;
position: absolute;
top: 520px;
}


.main {
   position: relative;
   width: 100%;
  /* background: url(background_start.png) no-repeat;*/
}

.historyButtonContainer
{
height: 30px;
left: 0px;
position: absolute;
top: 10%;
width: 100%;
}

.historyButtonSubContainer
{
 position: relative;
   width: 1060px;
   margin-left: auto;
   margin-right: auto;
}

a:link {color:#000000;}
a:visited {color:#404040;}
a:hover {color:#710707;}
a:active {color:#808080;}



.overlay { background-color: black}

.mainbox {
position: absolute;
width: 100%;
height: 90%;
top: 10%;
left: 0px;}

.unticked
{
display:none;
}

.exitoptions

{
 font-weight:bold;
}

.mesagePopUps
{
background:blue;
width:300px;
border: 3px solid;
}



td {
   padding: 0px;
   }







.defaulttopbar {
background-color: black;
color: white;
}

.notepadback {
background-color: #bdbfff;
}

.feedback {
/*background-image:
url();*/
/*color: #3C9;*/

font-size: 110%;
height: 138px;
overflow: hidden;
padding: 0px 10px 7px 10px;
/*text-shadow: #292 0px 0px 4px;*/
z-index: 230;

}

.FeedbackOpen
{
background: url(http://www.atresica.nl/dilemma/GameTextures/messagehistoryback.png);
font-size: 110%;
height: 174px;
overflow: hidden;
padding: 98px 10px 35px 10px;
text-shadow: #292 0px 0px 4px;
z-index: 230;
}

.feedbackbox {
 /*background-color:#f7efc3;*/
/* -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
 */
 /*
-ms-background-image: linear-gradient(top, #FDFBED 0%, #E7EFC3 100%);
-moz-background-image: linear-gradient(top, #FDFBED 0%, #E7EFC3 100%);
-o-background-image: linear-gradient(top, #FDFBED 0%, #E7EFC3 100%);
-webkit-background-image: gradient(linear, left top, left bottom, color-stop(0, #FDFBED), color-stop(1, #E7EFC3));
-webkit-background-image: linear-gradient(top, #FDFBED 0%, #E7EFC3 100%);*/
background-image: linear-gradient(to bottom, #FDFBED 0%, #f7efc3 100%);
 padding: 10px 10px 10px 10px;
 -webkit-box-shadow:  4px 3px 0px 0px rgba(00, 00, 00, 0.7);
 box-shadow:  4px 3px 0px 0px rgba(00, 00, 00, 0.7);
 margin: 5px;
float: right;
position: relative;
width: 470px;
z-index: 200;
border-style: solid;
overflow: hidden;
pointer-events:auto;
}

.FeedbackText
{
color: #000;
/* padding: 2px;
padding-left:5px; */
font-family: sans-serif;
overflow-x: hidden;
}

.GreenExitBox
{
background-image:
url(http://www.atresica.nl/dilemma/GameTextures/weetuzekerdat.png);
background-repeat: no-repeat;
}

.gwt-DecoratedTabBar
{
display:none;
visibility:hidden; 
}


.filesoverlay
{
background-color: #f3eee4;
height: 520px;
left: 160px;
padding-left:25px;
padding-right:20px;
padding-top:25px;
padding-bottom:15px;
position: absolute;
top: 10px;
width: 592px;
font-size:0.9em;
font-family:sans-serif;

}



.boekenplank1 {
font-weight: bold;
}

.description {
font-size: 0.9em;
}

.updatesoverlay
{
background-color: #f3eee4;
height: 520px;
left: 160px;
padding-left:25px;
padding-right:20px;
padding-top:25px;
padding-bottom:15px;
position: absolute;
top: 10px;
width: 592px;
font-size:0.9em;
font-family:sans-serif;
}


#MyApplication
{
 left: -30px;
 top:-30px;
 width:1px;
 height:1px;
}

.question
{

font-size:0.9em;
font-family:'Courier New', sans-serif;
}


.questiontable {
font-size: 1em;
}

.loadingbackground
{
background-color: #000;
height: 100%;
position: absolute;
text-align: center;
width: 100%;height: 100%;z-index: 1900;
color: #9ed2e2;
   }


.loginback {
background-color: #E4C06B;}

.exit
{
font-family: sans-serif;
font-size: 0.9em;
height: 235px;
left: 275px;
padding-bottom: 15px;
padding-left: 25px;
padding-right: 20px;
padding-top: 50px;
position: absolute;
top: 10px;
width: 590px;
}

.gwt-TabPanelBottom
{
 /* overflow: hidden; */
}

.messagehistoryreplystyle {
color: #1A7;
font-size: 115%;
text-shadow: #292 0px 0px 4px;
}



.feedbackphonetext
{
color:black;
}

.feedbackinnerphone
{
padding: 74px 10px 25px;
}


.feedbackphonesize
{
height:100px !important; 
}

.FeedbackScrollerStyle
{
height:75px;
width:100%;
overflow: hidden !important;
}